
.container {
	background-color: #f5f5f5;
	font-family:PingFang SC;
	/* padding-top: 20rpx; */
	.boxS{
		background-color: #f5f5f5;
		box-shadow:0px 0px 10rpx 0px rgba(0, 0, 0, 0.14);
		border-radius:10rpx;
		width: 95%;
		/* padding: 0 19rpx; */
		margin:auto;
		.LogisticsDetail{
			width: 100%;
			padding: 10rpx 20rpx;
			background-color: #FFFFFF;
			border-radius: 10rpx;
		}
	}
	.text-line {
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.texta {
		width:702rpx;
		margin: 0 auto;
		height:180rpx;
		border:2rpx solid rgba(225,225,225,1);
	}
	.pop-one {
		font-size:34rpx;
		height: 109rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(51,51,51,1);
	}
	.header {
		width: 100%;
		padding:0px 2.5%;
		height: 200rpx;
		font-size:32rpx;
		line-height: 100rpx;
		background-color: #FBD220;
		font-family:PingFang SC;
		color:rgba(51,51,51,1);
	}
	.returnMoney {
		height: 120rpx;
		margin-top: 22rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 23rpx 0 19rpx;
		.r-left {
			font-size:36rpx;
			font-family:PingFang SC;
			font-weight:bold;
			color:rgba(51,51,51,1);
		}
		.r-right {
			font-size:30rpx;
			font-family:PingFang SC;
			font-weight:bold;
			color:rgba(235,92,2,1);
			image {
				width: 12rpx;
				height: 22rpx;
			}
		}
	}
	.midle {
		/* height: 554rpx; */
		
		margin-top: 22rpx;
		padding: 0 19rpx;
		padding-bottom: 23rpx;
		.m-header {
			height: 129rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			border-bottom: 1rpx solid #EEEEEE;
			.m-h-left {
				display: flex;
				font-size: 30rpx;
				image {
					width: 80rpx;
					height: 80rpx;
				}
				.m-h-name {
					width: 384rpx;
					margin-left: 20rpx;
				}
			}
			.m-h-right {
				font-size:26rpx;
				font-family:PingFang SC;
				font-weight:500;
				color:rgba(235,92,2,1);
			}
		}
		.m-detail {
			border-bottom: 1rpx solid #EEEEEE;
			height: 193rpx;
			display: flex;
			align-items: center;
			.m-d-left {
				width: 200rpx;
				height: 133rpx;
				image {
					width: 100%;
					height: 100%;
				}
			}
			.m-d-right {
				height: 132rpx;
				margin-left: 17rpx;
				.m-d-name {
					height: 72rpx;
					width: 442rpx;
					font-size:30rpx;
					font-family:PingFang SC;
					font-weight:bold;
					color:rgba(51,51,51,1);
					line-height: 36rpx;
					
					text-overflow: -o-ellipsis-lastline;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 2;
					line-clamp: 2;
					-webkit-box-orient: vertical;
				}
				.m-d-color {
					margin-top: 15rpx;
					height: 44rpx;
					background-color: #f6f6f6;
					padding: 0 10rpx;
					font-size:24rpx;
					font-family:PingFang SC;
					font-weight:500;
					color:rgba(102,102,102,1);
					display: flex;
					align-items: center;
					.color1 {
						display: flex;
						align-items: center;
						.color11 {
							width:30rpx;
							height:30rpx;
							border-radius:6rpx;
							.color111 {
								width: 30rpx;
								height: 15rpx;
							}
						}
					}
				}
			}
		}
		.m-order-d {
			.m-o-top {
				font-size:26rpx;
				font-family:PingFang SC;
				font-weight:500;
				color:rgba(102,102,102,1);
				margin-top: 29rpx;
			}
			.m-o-bottom {
				display: flex;
				justify-content: space-between;
				font-size:26rpx;
				margin-top: 20rpx;
				font-family:PingFang SC;
				font-weight:500;
				color:rgba(102,102,102,1);
			}
		}
		
		.m-btn {
			display: flex;
			justify-content: space-between;
			margin-top: 29rpx;
			.m-b-left {
				float:left;
				image {
					width: 44rpx;
					height: 44rpx;
					margin-right: 34rpx;
				}
			}
			.m-b-right {
				display: flex;
				.btn-r {
					width: 160rpx;
					height: 60rpx;
					margin-left: 16rpx;
					border:2rpx solid rgba(208,208,208,1);
					border-radius:30rpx;
					display: flex;
					align-items: center;
					justify-content: center;
				}
			}
		}
	}
	
	.mids {
		padding-bottom: 140rpx;
		
		.headers {
			
			font-size:40rpx;
			height: 38rpx;
			line-height: 38rpx;
			text-align: center;
			padding-bottom: 37rpx;
			padding-top: 40rpx;
			font-family:PingFang SC;
			font-weight:bold;
			color:rgba(51,51,51,1);
			border-radius: 10rpx 10rpx 0 0;
			background-color: #FFFFFF;
		}
		.h-two {
			background-color: #FFFFFF;
			padding-bottom: 60rpx;
			.h-item {
				font-size:26rpx;
				padding-top: 28rpx;
				padding-left: 19rpx;
				font-family:PingFang SC;
				font-weight:500;
				color:rgba(235,92,2,1);
			}
		}
		margin-top: 22rpx;
		font-size:30rpx;
		font-family:PingFang SC;
		font-weight:500;
		color:#666666;
		/* padding: 0 20rpx; */
		background-color: #f6f6f6;
		.titleName{
			// height: 108rpx;
			// line-height: 50rpx;
			padding: 10rpx 20rpx;
			border-bottom: 2rpx solid #EEEEEE;
		}
		.remark{
			height: auto !important;
			min-height: 108rpx !important;
			padding: 10rpx 20rpx;
			border-bottom: 2rpx solid #EEEEEE;
		}
		.mid-item {
			height: 108rpx;
			padding: 0 20rpx;
			display: flex;
			align-items: center;
			border-bottom: 2rpx solid #EEEEEE;
			image {
				width: 36rpx;
				height: 36rpx;
			}
			.mid-left {
				width: 164rpx;
				font-size: 30rpx;
				color:#666;
				display: flex;
				align-items: center;
			}
			.mid-right {
				color:#333;
				font-size: 26rpx;
				.tes {
					position: absolute;
					right: 0;
					display: flex;
					align-items: center;
					height: 40rpx;
					.colors {
						width: 40rpx;
						height: 40rpx;
						border-radius: 10rpx;
						margin-right: 10rpx;
					}
					
				}
				margin-left: 50rpx;
				text-align: right;
				width: 488rpx;
				min-height: 40rpx;
				position: relative;
				
				.inputs {
					margin-right: 74rpx;
				}
				image {
					width: 12rpx;
					height: 22rpx;
					margin-left: 10rpx;
				}
				.img55 {
					position: absolute;
					display: flex;
					align-items: center;
					width: 50rpx;
					
					top: 2rpx;
					right: 0;
				}
			}
			.inform {
				
				font-size: 34rpx;
				color: #333333;
				margin-left: 13rpx;
			}
		}
		.colorE {
			background-color: #FFFFFF;
		}
		.orderDetail{
			border-radius: 10rpx;
			background-color: #fff;
			padding: 0 20rpx;
			.title{
				color: #333;
				font-size: 28rpx;
				padding: 20rpx 0px;
			}
		}
	}
	.fixedBottomBtn{
		width: 100%;
		height: 120rpx;
		position: fixed;
		bottom: 0rpx;
		background-color: #fff;
		.call{
			width: 20%;
			display:inline-block;
			text-align:center;
			line-height: 40rpx;
			padding: 20rpx 0px;
		}
		.btn{
			display:inline-block;
			width: 76%;
			overflow: hidden;
			position: absolute;
			top: 16rpx;
			// line-height:140rpx ;
			.btnWrap,.btnWrap-3{
				width: 100%;
				margin: auto;
				// border-radius: 20rpx;
				text-align: center;
				height: 88rpx;
				
				.left{
					color:#FFE03B;
					line-height: 88rpx;
					background-color: #333333;
					border-radius: 40rpx  0px 0rpx 40rpx;
					border-right: 1rpx solid #fff;
				}
		
				.right{
					color:#333333;
					line-height: 88rpx;
					background-color: #FFE03B;
					border-left: 1rpx solid #fff;
					border-radius: 0px 40rpx 40rpx 0rpx;
				}
			}
			.btnWrap-3{
				.left{
					line-height: 40rpx !important;
					padding-top:4rpx;
				}
				.middle-wrap{
					color:#FFE03B;
					background-color: #333333;
					padding-top:4rpx;
					line-height: 40rpx !important;
					// border-right: 1rpx solid #fff;
					// border-left: 1rpx solid #fff;
				}
				
			}
		}
	}
	.remarks {
		margin-top: 21rpx;
		min-height: 108rpx;
		padding: 0 20rpx;
		.r-head {
			font-size:30rpx;
			font-family:PingFang SC;
			font-weight:500;
			color:rgba(102,102,102,1);
			height: 89rpx;
			line-height: 89rpx;
			border-bottom: 1rpx solid #EEEEEE;
		}
		.r-text {
			height: 131rpx;
			font-size:30rpx;
			font-family:PingFang SC;
			font-weight:500;
			color:rgba(51,51,51,1);
			margin: 30rpx 0;
			line-height: 45rpx;
			text-overflow: -o-ellipsis-lastline;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 3;
			line-clamp: 3;
			-webkit-box-orient: vertical;
		}
	}
	.bot-two {
		margin-top: 28rpx;
		color: #666666;
		font-size: 26rpx;
		.bot-i {
			margin-left: 44rpx;
		}
	}
	.b-imgs {
		height: 166rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		image {
			width: 702rpx;
			height: 88rpx;
		}
	}
	.mo-title {
		margin-top: 61rpx;
		margin-bottom: 47rpx;
		text-align: center;
		font-size:34rpx;
		font-family:PingFang SC;
		font-weight:bold;
		color:rgba(52,52,52,1);
	}
	.mo-content {
		font-size:30rpx;
		font-family:PingFang SC;
		font-weight:500;
		text-align: center;
		color:rgba(102,102,102,1);
	}
	.mo-btn {
		margin-top: 47rpx;
		margin-bottom: 53rpx;
		display: flex;
		justify-content: center;
		image {
			width: 220rpx;
			height: 78rpx;
		}
	}
}
.mt140{
	margin-top: -140rpx;
} 
.iconcolor{
	width: 40rpx;
	height: 40rpx;
  border-radius: 20rpx;
	display: inline-block;
	border: 2rpx solid #999;
	// line-height: 40rpx;
	margin: -12rpx 2rpx;
	overflow: hidden;
	}
	.iconcolor2{
		width: 40rpx;
		height: 20rpx;
	}
	.popup-title{
		font-size: 34rpx;
		color: #333;
		text-align: center;
		font-weight: 600;
		line-height: 120rpx;
	}
	.popup-content{
		text-align: center;
		font-size: 30rpx;
		color: #666;
	}
	.getGoods{
		width: 80%;
		margin: 40rpx 10%;
		height: 78rpx;
		line-height: 78rpx;
		text-align: center;
		.left{
			background: #333333;
			color:#FDD421 ;
			border-radius: 39px 0px 0px 39px;
		}
		.right{
      background: linear-gradient(-90deg, #FDD421, #FFE23E);
			border-radius:0px 39px 39px 0px ;
		}
	}
	.orderNumer{
		width: 328rpx;
		overflow: hidden;
	}
	.copy{
		width: 100rpx;
		height: 32rpx;
		line-height: 32rpx;
		background: #FFF6CD;
		border-radius: 5px;
		padding: 2rpx 4rpx;
		text-align: center;
		margin-left: 40rpx;
		font-size: 24rpx;
	}
	.colEB5C02{
		color:#EB5C02 ;
	}
	.iconfollow{
		transform: rotate(90deg);
	}